import React, { createContext, ReactNode, PropsWithChildren } from 'react';

interface ColorContextValue {
  color: string;
}

const defaultColor: ColorContextValue = { color: 'blue' };

/**
 * Color 组件提供了一个 ColorContext，用于在组件树中共享颜色。
 * 默认颜色为 blue。
 */
export const ColorContext = createContext<ColorContextValue>(defaultColor);

interface ColorProps extends PropsWithChildren { }

export const Color: React.FC<ColorProps> = ({ children }) => (
  <ColorContext.Provider value={defaultColor}>{children}</ColorContext.Provider>
);
